ul {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}
.w-clear{ clear: both;}
@font-face {
    font-family: DIN;
    src: url(../font/DIN-Bold.otf);
}

@font-face {
    font-family: OPPO;
    src: url(../font/OPPOSans-L.ttf);
}

a:hover {
    text-decoration: none;

}
ul li {
    list-style: none;
}
.container {
	width: 14rem;
	margin: 0 auto;padding-left: 0; padding-right: 0;
}

@media screen and (max-width:1024px) {
	.container {
		width: 100%;
		padding: 0 .3rem;
		box-sizing: border-box
	}
}
.left-logo {float: left; width: 1.0rem; /*height: 0.58rem;*/ }
.left-logo img{ width: 1.0rem; height: 0.58rem;}
.header_right{ float: right;}
.header{
    background: rgba(255,255,255,0.8);
    transition: 0.5s all;
	/*border-bottom:1px solid #efefef;*/
	box-shadow:2px 3px 5px #efefef;
}
.header .header_right .nav .nav-wrapper .nav-list .list-item a{
    color: #333333;
}
header.header {
	width: 100%;
    /*position: absolute;*/
    top: 0;
    left: 0;
    /*border-bottom: 1px solid rgba(204, 204, 204, 0.5);*/
    z-index: 1000;
}

@media screen and (max-width:1024px) {
	header {
		background: 0 0;
		height: .88rem !important;
	}
     .phone-logo{display: block !important;}
	.header-wrapper {
		/*width: 100%;*/
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 9999999;
		background-color: #fff !important;
		height: .88rem;
		padding: .14rem .3rem !important;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		box-shadow: 0 3px 20px rgba(0, 0, 0, .2)
	}
}

.header-wrapper .phone-logo {
	display: none
}

@media screen and (max-width:1024px) {
	.header-wrapper .phone-logo {
		height: 100%;
		width: 80%;
		display: block;
		float: left
	}
	.company-info{display: none;}
}

.header-wrapper .phone-logo .phone-logo-img {
	display: inline-block;
	height: 100%;
	width: auto;
	padding-right: .2rem; margin-top: 0.15rem;
}

.header-wrapper .phone-logo .phone-logo-img img {
	display: block;
	height: .6rem
}

.header-wrapper .phone-logo .phone-logo-test {
	display: inline-block;
	padding-left: .2rem;
	padding-top: .25rem;
	vertical-align: top
}

.header-wrapper .phone-logo .phone-logo-test div {
	font-size: .3rem;
	color: #008950
}

.header-wrapper div.company-info {
	height: 0.8rem;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-moz-box-pack: space-between;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-moz-box-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap
}

@media screen and (max-width:1024px) {
	.header-wrapper div.company-info {
		display: none
	}
}

.header-wrapper div.company-info div.left-logo .logo {
	display: inline-block;
	width: 2.8rem;
	height: .9rem
}

@media screen and (max-width:1024px) {
	.header-wrapper div.company-info div.left-logo .logo {
		width: 3rem
	}
}

.advantage .advantage18 .advantage-title img,
.advantage .team img,
.curriculum .curriculum-content .content  .swiper-slide .wrap .img img,
.development-history-content ul.list li.list-item .content .wrap .img img,
.on-curriculum .on-curriculum-content .right-text .text .title img,
footer.footer .top-infor .ewm .ewm-wrap .img img,
footer.footer .top-infor .infor .logo img,
.header-wrapper div.company-info div.left-logo .logo a img {
	width: 100%;
	height: auto
}

.header-wrapper div.company-info div.left-logo .slogan {
	display: inline-block;
	width: 2.1rem;
	height: .43rem;
	margin-left: .4rem
}

@media screen and (max-width:1024px) {
	.header-wrapper div.company-info div.left-logo .slogan {
		display: none
	}
}

.header-wrapper div.company-info .right-tel {
	font: .3rem/.28rem '微软雅黑', 'Microsoft YaHei', 'SimHei', 'FangSong', Arial, Helvetica, sans-serif !important;
	font-size: .3rem !important;
	line-height: .28rem !important;
	color: #ffa736;
	font-weight: 400 !important;
	padding-left: .45rem;
	background: url(../images/tel.png) left center no-repeat;
	background-size: .3rem auto
}

@media screen and (max-width:1024px) {
	.header-wrapper div.company-info .right-tel {
		display: none
	}
}

.elegant-demeanor .public-home-title h2:after,
.on-curriculum .public-home-title h2:after,
.header-wrapper div.slide-button,
.nav-wrapper-phone {
	display: none
}

@media screen and (max-width:1024px) {
	.header-wrapper div.slide-button {
		width: .45rem;
		display: block;
		float: right;
		padding-top: .3rem
	}

	.header-wrapper div.slide-button div {
		width: 100%;
		height: 1px;
		background-color: #0A67F2;
		margin-bottom: .13rem;
		transition: all 1s
	}

	.header-wrapper div.slide-button.on div.top {
		transform-origin: 0;
		transform: rotate(44deg);
		transition: transform .5s
	}

	.header-wrapper div.slide-button.on div.center {
		opacity: 0;
		transition: opacity .5s
	}

	.header-wrapper div.slide-button.on div.bottom {
		transform-origin: 0;
		transform: rotate(-44deg);
		transition: transform .5s
	}
}

.header_right nav.nav {
	height: 0.8rem;
	text-align: center; float: left;
}

@media screen and (max-width:1024px) {
	.header_right nav.nav {
		display: none
	}
}

.header_right nav.nav .nav-wrapper ul.nav-list li.list-item {
	display: inline-block;
	position: relative
}
.nav-list > .list-item {
    position: static; 
}
.header_right nav.nav .nav-wrapper ul.nav-list li.list-item:last-child {
	margin-right: 0 !important
}

.header_right nav.nav .nav-wrapper ul.nav-list li.list-item a {
	display: block;
	text-align: center;
	position: relative;
	padding: 0 .40rem;
	font-size: 18px;
	line-height: 1.0rem ;
	color: #fff;
	font-weight: 400 ;
}
/*.header_right nav.nav .nav-wrapper ul.nav-list li.list-item.navActive a,
.header_right nav.nav .nav-wrapper ul.nav-list li.list-item a:hover{
	color: #E61F20;
}*/
/*.header_right nav.nav .nav-wrapper ul.nav-list li.list-item a.on1{
	color: #0A67F2;
}*/

/*.header_right nav.nav .nav-wrapper ul.nav-list li.list-item:after {
	content: '';
	width: 0;
	height: 2px;
	background-color: #E61F20;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -.01rem;
	transition: .5s
}*/

/*.header_right nav.nav .nav-wrapper ul.nav-list li.list-item.navActive:after,
.header_right nav.nav .nav-wrapper ul.nav-list li.list-item:hover:after {
	width: .64rem
}*/

.header_right nav.nav .nav-wrapper ul.nav-list li.list-item ul.child-nav {
	background-color: rgba(0, 0, 0, .3);
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100001;
	width: 1.2rem;
	/*padding: .05rem .4rem .1rem;*/
	display: none;
	text-align: center;
	transition: .8s;
	height: auto !important
}

.header_right nav.nav .nav-wrapper ul.nav-list li.list-item ul.child-nav li.child-item {
	width: 100%;
	border-bottom: 1px solid rgba(218, 218, 218, .5)
}

.header_right nav.nav .nav-wrapper ul.nav-list li.list-item ul.child-nav li.child-item:last-child {
	border-bottom: 0 none
}

.header_right nav.nav .nav-wrapper ul.nav-list li.list-item ul.child-nav li.child-item a {
	color: #fff;
	display: block;
	text-align: center;
	padding: 0 .1rem;
	-webkit-transition: color .2s;
	transition: color .2s;
	letter-spacing: 1px;
	font-weight: 400;
	line-height:0.8rem !important;
	font-size: .13rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.header_right nav.nav .nav-wrapper ul.nav-list li.list-item ul.child-nav li.child-item.navActives a,
.header_right nav.nav .nav-wrapper ul.nav-list li.list-item ul.child-nav li.child-item:hover a {
	color: #0A67F2;
	-webkit-transition: color .2s;
	transition: color .2s
}

 .nav-wrapper ul li:hover .p_navBox {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.p_navBox {
    position: absolute;
    left: 0;  
    right: 0; 
    width: 100vw; 
    margin-left: -62.3vw; 
transform: translateX(0);
    padding: 0.5rem 0;
    top: 100%;
    display: flex;
    justify-content: center;
    z-index: 100;
    background: url(../images/nav_bg01.png) no-repeat;
    background-size: cover;
    pointer-events: none;
    opacity:0;
    border-top: 1px solid rgba(1, 26, 6, 0.10);
}
.p_navBox01 {margin-left: -51vw; }
.p_navBox .flex {
    display: flex;
    /*justify-content: space-between;
    align-items: center;*/
}
.p_navBox .flex .box{
	margin-right: 0.6rem;
}
.p_navBox .flex .box h2 {
    color: #190A0A !important;
    font-size: 18px !important;
    margin-bottom: 0.15rem !important;
    text-align: left !important;
    font-weight: bold;
}
.p_navBox .flex .box p {
    font-size: 16px !important;
    line-height: 0.40rem !important;
    color: #424141 !important;
}
.p_navBox .flex .box p a {
    font-size: 16px !important;
    color: #424141 !important;
    line-height: 0.40rem !important;
    text-align: left !important;
    padding:  0 !important; display: flex !important;display: flex !important;
}
.p_navBox .flex .box p a i{ width: 3px; height: 3px; background: #424141; border-radius: 50%; margin-top: 0.15rem; margin-right: 0.1rem;}
.p_navBox .flex .box p a:hover{ color: #c11919 !important;}
.p_navBox .flex .box p img{ width: 4.4rem; height: 3.1rem;}
.p_navBox .nav_ywfw{ display: flex;}
.p_navBox .nav_ywfw li{}
.p_navBox .nav_ywfw li a img{ width: 0.52rem; height: 0.52rem;}
.p_navBox .nav_ywfw li a .title{ font-size: 16px !important; color: #190A0A !important; text-align: center !important; line-height: 0.36rem; }
.p_navBox .nav_ywfw li a .neirong{ font-size: 0.14rem !important; color: #333333 !important; line-height: 0.36rem;}

.p_navBox .nav_ywfw li a:hover  .img1  {
    content: url(../images/index_ico_06-1.png); width: 0.52rem; height: 0.52rem;
}

.p_navBox .nav_ywfw li a:hover  .img2   {
    content: url(../images/index_ico_07-1.png); width: 0.52rem; height: 0.52rem;
}

.p_navBox .nav_ywfw li a:hover  .img3   {
    content: url(../images/index_ico_08-1.png); width: 0.52rem; height: 0.52rem;
}

.p_navBox .nav_ywfw li a:hover .img4   {
    content: url(../images/index_ico_09-1.png); width: 0.52rem; height: 0.52rem;
}

.p_navBox .nav_ywfw li a:hover .img5  {
    content: url(../images/index_ico_10-1.png); width: 0.52rem; height: 0.52rem;
}




@media screen and (max-width:1024px) {
	.nav-wrapper-phone {
		position: fixed;
		top: .88rem;
		left: 0;
		z-index: 99999;
		background: #fff;
		width: 100%;
		height: calc(100% - .88rem);
		overflow: auto;
		padding: .3rem .45rem;
	}
	.search_form{ display: none !important;}
    .nav-wrapper-phone.active {
  max-height: 1000px; /* 根据实际内容高度调整 */
}
	.nav-wrapper-phone ul.nav-list {
		height: 100%
	}

	.nav-wrapper-phone ul.nav-list div.child-menu ul.menu-list li.menu-item a,
	.nav-wrapper-phone ul.nav-list li.list-item {
		font: .26rem/1rem '微软雅黑', 'Microsoft YaHei', 'SimHei', 'FangSong', Arial, Helvetica, sans-serif !important;
		font-size: .26rem !important;
		line-height: 1rem !important;
		color: #000;
		font-weight: 400 !important
	}

	.nav-wrapper-phone ul.nav-list li.list-item {
		position: relative
	}

	.nav-wrapper-phone ul.nav-list li.list-item.open:after {
		content: '-'
	}

	.nav-wrapper-phone ul.nav-list li.list-item:after {
		display: none;
		position: absolute;
		top: .3rem;
		bottom: 0;
		right: 0;
		content: '+';
		font: .3rem/.35rem '微软雅黑', 'Microsoft YaHei', 'SimHei', 'FangSong', Arial, Helvetica, sans-serif !important;
		font-size: .3rem !important;
		line-height: .35rem !important;
		color: #000;
		font-weight: 400 !important
	}

	.nav-wrapper-phone ul.nav-list li.list-item a {
		display: block;
		color: #000;
		border-bottom: 1px solid rgba(0, 0, 0, .1)
	}

	.nav-wrapper-phone ul.nav-list li.list-item.child:after {
		display: block
	}

	.nav-wrapper-phone ul.nav-list div.child-menu {
		display: none
	}

	.nav-wrapper-phone ul.nav-list div.child-menu ul.menu-list {
		overflow-y: auto
	}

	.nav-wrapper-phone ul.nav-list div.child-menu ul.menu-list li.menu-item {
		padding: 0 .4rem;
		border-bottom: 1px solid rgba(0, 0, 0, .1)
	}

	.nav-wrapper-phone ul.nav-list div.child-menu ul.menu-list li.menu-item a {
		border: 0
	}
}


.bg{ width:100%; min-height:100%; background:#000; position:absolute; top:0px; left:0px; z-index:3px; opacity:0.5;}
.txt{ text-align:center; position:absolute; top:35%; left:0px; color:#fff; width:100%;}
.txt h1{ font-size:72px;}
.txt h2{ font-size:30px; font-weight:300; line-height:50px; background-image: url(../images/banner-tiao.png);}
.txt p{ font-size:16px;}
.txt a{ display:block; width: 218px; height:75px; text-align:center; line-height:75px; font-size:30px; color:#fff; 
    background: #0A67F2;
    border-radius: 4px;font-weight: lighter; margin: 28px auto;}
.txt a:hover{background: -webkit-linear-gradient(right,#0A67F2,#3AB4F3);background: -o-linear-gradient(right,#0A67F2,#3AB4F3);background: -moz-linear-gradient(right,#0A67F2,#3AB4F3);background: -mos-linear-gradient(right,#0A67F2,#3AB4F3);background: linear-gradient(right,#0A67F2,#3AB4F3);  }


 header {
 	
    height: 0.8rem;
    line-height: 0.8rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000999; background: url(../images/nav_bg.png);
	
}
.header-wrapper{ padding: 0 0 0 5%; background: url(../images/nav_bg.png) repeat-x; background-size: 100%; border-bottom: 1px solid rgba(255,255,255,0.3);}
.phone-logo{display: none;}
/*.header{
    background: #ffffff;
    transition: 0.5s all;
	border-bottom:1px solid #efefef;
	box-shadow:2px 3px 5px #efefef;
}
.header .nav-wrapper>ul li a{
    color: #333333;
}
.left-logo{ float: left;}
.nav{float: right;}*/

.search_form {
  position: absolute;
  right: -60%;
  font-size: 0.18rem;
  white-space: nowrap;
  letter-spacing: 1px;
  overflow: hidden;
  display: block;
  padding: 0.2rem;
  background: rgba(0,0,0,0.5);
    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);

  color: #fff;
  border-radius: 5px;
  opacity: 0;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  width: 280px;
}

.search_form2 {
  opacity: 1;
  right: 3%;
}

.search_form i {
  width: 20px;
  height: auto;
  position: absolute;
  right: 22px;
  top: 15px;
}

.search_form i img {
  width: 100%;
  height: auto;
  display: block;
}

.search_form input {
  width: 80%;
  float: left;
  box-sizing: border-box;
  border: none;
  background: #fff;
  outline: none;
  height: 35px;
  border-radius: 5px;
  padding-left: 10px; color: #444;
}

.search_form p {
  font-size: 0.16rem;
  line-height: 1.5em;
  color: #fff;
  margin-bottom: 10px;
}

.search_form button {
  width: 18%;
  float: right;
  height: 35px;
  background: url(../images/sousuo.png) no-repeat center center #0d57a7;
  border: none;
  outline: none;
  border-radius: 5px;
  background-size: 18px;
}



.nav_right{ background: url(../images/nav_bg01.png)  ;  float: right;}
.nav_right_nr{  padding:0 0.3rem; color: #FFFFFF; display: flex; height: 0.8rem;}
.nav_right_nr a{  margin-top: 0.09rem; font-style: normal; color: #fff; padding: 0 0.3rem; font-size: 18px;}
.nav_right_nr i{  margin-top: 0.09rem; font-style: normal; color: #fff;}
.nav_right_nr a img{ width: 0.23rem;}
.nav_right_nr a img:last-child{ width: 0.21rem;}
.nav_right_nr b{ padding-left: 0.2rem; font-size: 0.26rem;}
.nav_right ul li{
	display: inline-block;
    position: relative; }
.nav_right ul li a{
	display: block;
    text-align: center;
    position: relative;
    padding: 0 0.1rem;
    font: 16px/0.6rem '微软雅黑', 'Microsoft YaHei', 'SimHei', 'FangSong', Arial, Helvetica, sans-serif !important;
    font-size: .16rem !important;
    line-height: 0.8rem !important;
    color: #F3F1F1;
    font-weight: 400 !important;
}
.nav_right ul i{ position: relative; left: -15px; top: -15px;}
.nav_right ul i img{ width: 30px;}
.header .header_right .nav_right>ul>li>a{ color: #000;}
.header .header_right .nav_right>ul{color: #000;}
.nav_right ul li a:after{ border-left:1px solid #fff}


/* Banner轮播样式 */
.banner-swiper {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255,255,255,0.5);
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-button-next,
.swiper-button-prev {
    color: white;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.3);
    border-radius: 50%;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 20px;
}

.indexbanner{ width:100%; height: 100vh;  
    scroll-snap-align: start;  overflow:hidden; position: relative; }

.indexbanner video{ width:100%;}
@media screen and (max-width:1024px) {
	.indexbanner{ width: 100%; height: auto;}
	.indexbanner img{ width: 100%; height: auto;}
	.txt{ top:25%}
	.txt a{width: 2.18rem; height:0.6rem;line-height:0.6rem; font-size:0.3rem;  margin: 2px auto;}
	
}
.index_banner{ position: relative;}
.index_banner img {
    width: 100%;
    display: block;
    height: 100vh;
    object-fit: cover;
}
.index_banner_wz{ position: absolute; top: 35%;}
.index_banner_wz .tiao{ width: 60px; height: 5px; background: #0087CC;}
.index_banner_wz .wz{ margin-top: 0.3rem;  font-size: 50px; color: #fff;}
.index_banner_wz .en{margin-top: 0.3rem;  font-size: 18px; color: #fff;}


/*首页-应用领域*/
.section2 {
    background: url(../images/bg_01.png) no-repeat;
    background-size: 100% 100%; padding-left: 13.5%;
}
@media screen and (max-width:1024px) {
	.section2{ padding-left: 3%;} 
	}
/*.curriculum {
	padding: .6rem 0 .3rem; background: url(../images/bg_01.png);background-size: 100% auto;
}*/
.public-home{ width: 100%;border-bottom: 1px solid #E5E5E5; padding-bottom: 0.4rem;}
.public-home-title{display: flex;  }
.public-home-title h2 {
	font-size: 32px !important;
	line-height: 1 !important;
	color: #333;
	font-weight: bold !important;
	text-align: left;
	position: relative;
	 margin-right: 0.2rem;
}

.public-home-biaoqian{}
.public-home-biaoqian ul{display: flex;justify-content: flex-start; height: 1.0rem;}
.public-home-biaoqian ul li a{ font-size: 18px; color: #666; margin-right: 0.8rem;position: relative;padding-bottom: 0.25rem;line-height: 0.9rem;}
.public-home-biaoqian ul li a:hover{ color: #0077FF;}
.public-home-biaoqian ul li a.on{color: #0077FF;}
.public-home-biaoqian ul li a:hover:after, 
.public-home-biaoqian ul li a.on:after
{
	content: '';
	width: 0.8rem;
	height: 1px;
	background-color: #0077FF;
	border-radius: 3px;
	position: absolute;
	left: 50%; 
	transform: translateX(-50%);
	
}


.curriculum .curriculum-content .content {
	position: relative;
	display: none; transition: opacity 0.5s ease;  opacity: 0;
}
.curriculum .curriculum-content .content.active {
    display: block;
    opacity: 1;
}
.curriculum .curriculum-content .content .img{width: 100%;
    display: block;
    overflow: hidden;}
.curriculum .curriculum-content .content .img img{width: 650px;
    height: 470px;
    object-fit: cover;
    display: block;
    transition: 0.3s all ease;}
.curriculum .curriculum-content .content .img img:hover {
    transform: scale(1.1);
}
.curriculum .curriculum-content .content .text .title {
	font-size: 20px; color: #222222; margin-top: 0.4rem;
}

.curriculum .curriculum-content .content a:hover .text .title {
	 color: #0077FF;
}
.curriculum .curriculum-content .content .arrow-curriculum {
	width: .3rem;
	height: .3rem;
	position: absolute;
	/*top: 50%;
	margin-top: -.25rem;*/
	z-index: 10;
	cursor: pointer;top: -150px;
}

.curriculum .curriculum-content .content .arrow-curriculum-prev {
	right: 3.7rem;
	background: url(../images/arrow-curriculum-prev.png);
	background-size: 100% auto
}
.curriculum .curriculum-content .content .arrow-curriculum-prev:hover {
	right: 3.7rem;
	background: url(../images/arrow-curriculum-next_on1.png);
	background-size: 100% auto
}


.curriculum .curriculum-content .content .arrow-curriculum-next {
	right:3rem;
	background: url(../images/arrow-curriculum-next.png);
	background-size: 100% auto;
}
.curriculum .curriculum-content .content .arrow-curriculum-next:hover {
	right:3rem;
	background: url(../images/arrow-curriculum-next_on.png);
	background-size: 100% auto;
}
@media screen and (max-width:1024px) {
	.curriculum .curriculum-content .content .arrow-curriculum{
		width: .5rem;
	height: .5rem; top:-2rem;
	}
	.public-home-biaoqian ul li a{ margin-right: 0.4rem;font-size: 0.28rem; }
	.public-home-biaoqian ul li a:hover:after, .public-home-biaoqian ul li a.on:after{ width: 1.2rem;}
	.curriculum .curriculum-content .content .arrow-curriculum-prev {
		right: 1.4rem; background: url(../images/arrow-curriculum-prev.png);background-size: 100% auto
	}
	.curriculum .curriculum-content .content .arrow-curriculum-prev:hover {
	right: 1.4rem;
	background: url(../images/arrow-curriculum-next_on1.png);
	background-size: 100% auto
}
.curriculum .curriculum-content .content .img{ width: 95%;}
	.curriculum .curriculum-content .content .arrow-curriculum-next {right:0.4rem;
	background: url(../images/arrow-curriculum-next.png);
	background-size: 100% auto}
	.curriculum .curriculum-content .content .arrow-curriculum-next:hover {
	right:0.4rem;
	background: url(../images/arrow-curriculum-next_on.png);
	background-size: 100% auto;
}
}

/*首页banner*/
.pc_banner .swiper-slide {
    position: relative;
    width: 100% !important;
}

.pc_banner .swiper-slide img {
    width: 100%;
    height: 100vh;
}

.pc_banner .swiper-slide .pc_banner_content {
    position: absolute;
    top: 40%;
    width: 100%;
    left: 0;
    color: #fff;
}

.pc_banner .swiper-slide .pc_banner_content  .tiao {
   width: 72px; height: 5px; background: #0087CC; margin-bottom: 0.2rem;
}

.pc_banner .swiper-slide .pc_banner_content h4 {
    font-size: 56px; line-height: 80px;
    margin-bottom: 20px;
}

.pc_banner .swiper-slide .pc_banner_content p {
    font-size: 18px;
    text-transform: uppercase;
}

.pc_banner {
    position: relative;
}

.pc_banner .swiper-pagination {
    width: auto !important;
    left: 15% !important;
    bottom: 90px;
}

.pc_banner .pc_banner_btn div {
    color: #fff;
    font-size: 16px;
    z-index: 100;
    cursor: pointer;
}

.pc_banner .pc_banner_btn div:first-child {
    position: absolute;
    left: 13%;
    bottom: 85px;
}

.pc_banner .pc_banner_btn div:last-child {
    position: absolute;
    left: calc(13% + 240px);
    bottom: 85px;
}

.pc_banner .swiper-pagination-bullet {
    width: 60px;
    height: 1px;
    display: inline-block;
    background: #fff;
    opacity: .3;
    border-radius: 0;
    margin: 0 !important;
}

.pc_banner .swiper-pagination-bullet-active {
    background: #fff !important;
    border-radius: none;
    opacity: 1 !important;
}

.indexbanner {
    position: relative;
}

.indexbanner .mouse {
    position: absolute;
    right: 30px;
    bottom: 120px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-animation: mouse 3s linear infinite;
    -moz-animation: mouse 3s linear infinite;
    -o-animation: mouse 3s linear infinite;
    z-index: 100;
}

.indexbanner .mouse img {
    width: 60px;
}

@keyframes mouse {
    0% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%)
    }

    50% {
        -webkit-transform: translate(-50%, 100%);
        -moz-transform: translate(-50%, 100%);
        -o-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }

    to {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%)
    }
}


@media screen and (max-width: 1024px) {

    .pc_banner .swiper-slide .pc_banner_content {
        top: auto;
        bottom: 12%;
    }
   /*.pc_banner .swiper-slide img{ height: 8.6rem;}*/
    .pc_banner .swiper-slide .pc_banner_content h4 {
        font-size: 26px;
    }

    .pc_banner .swiper-slide .pc_banner_content p {
        font-size: 14px;
    }

    .pc_banner .swiper-pagination {
        width: auto !important;
        left: 16% !important;
        bottom: 30px;
    }

    .pc_banner .swiper-pagination-bullet {
        width: 40px;
    }

    .pc_banner .pc_banner_btn div:first-child {
        position: absolute;
        left: 4%;
        bottom: 24px;
    }

    .pc_banner .pc_banner_btn div:last-child {
        position: absolute;
        left: 57%;
        bottom: 24px;
    }

   
}
.fp-warning, .fp-watermark{opacity: 0;}


/*首页-产品中心*/
.section3 {
    background: url(../images/bg_02.png) no-repeat;
    background-size: 100% 100%; 
}

.section3 .flex {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

.section3 .flex .left {
    width: 240px;
}

.section3 .flex .left .title {
    margin-bottom: 50px;
}

.section3 .flex .left .title p {
    color: #FFFFFF;
    font-size: 30px;
}

.section3 .flex .left ul {
    margin-bottom: 80px;
}

.section3 .flex .left ul li {
    cursor: pointer;
    color: #FFFFFF;
    font-size: 18px;
    margin-bottom: 40px;
    padding-left: 36px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.section3 .flex .left ul li::after {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
    content: '';
    display: block;
}

.section3 .flex .left ul li.active::after {
    border: 2px solid #fff;
}

.section3 .flex .left ul li.active::before {
    width: 16px;
    height: 2px;
    background: #FFFFFF;
    border-radius: 1px;
    position: absolute;
    left: 8px;
    top: 15px;
    display: block;
    content: '';
}

.section3 .flex .left .more {
    width: 140px;
    height: 38px;
    border: 1px solid #FFFFFF;
    text-align: center;
    line-height: 38px;
    color: #fff;
    font-size: 16px;
    display: block;
    transition: 0.3s all ease;
}

.section3 .flex .left .more img {
    width: 21px;
    height: 21px;
    position: relative;
    top: -2px;
    margin-left: 8px;
}

.section3 .flex .left .more:hover {
	background: #fff;
    color: #0077ff;
}
.section3 .flex .left .more:hover img {
    content: url(../images/more1.png);
}

.section3 .flex .right {
    width: calc(100% - 320px);
    background: #FFFFFF;
    padding: 40px;
}

.section3 .flex .right .content {
    display: none;
}

.section3 .flex .right .content_on {
    display: block !important;
}

.section3 .flex .right .cp_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;;border-bottom: 1px solid #E6E4E4;
}

.section3 .flex .right .cp_top .t {
    width: calc(100% - 110px);
    display: flex;
    align-items: center;
}

.section3 .flex .right .cp_top .t h4 {
    color: #000000;
    font-size: 28px;
    margin-right: 20px;
}

.section3 .flex .right .cp_top .t p {
    color: #666666;
    font-size: 16px;
}

.section3 .flex .right .cp_top .swiper_btn {
    width: 92px;
    display: flex;
    justify-content: space-between;
}

.section3 .flex .right .cp_top .swiper_btn img {
    width: 0.3rem;
    height: 0.3rem;
    cursor: pointer;
}

.section3 .flex .right .cp_top .swiper_btn .prev:hover {
    content: url(../images/arrow-curriculum-next_on1.png);
}

.section3 .flex .right .cp_top .swiper_btn .next:hover {
    content: url(../images/arrow-curriculum-next_on.png);
}

.section3 .cp_swiper .swiper-slide .flex {
  
}

.section3 .cp_swiper .swiper-slide .flex .box {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    
}



.section3 .cp_swiper .swiper-slide .flex .box .icon {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s all ease;
}

.section3 .cp_swiper .swiper-slide .flex .box:hover {
    box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.1);
}

.section3 .cp_swiper .swiper-slide .flex .box:hover .icon {
    opacity: 1;
}

.section3 .cp_swiper .swiper-slide .flex .box .icon img {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
}

.section3 .cp_swiper .swiper-slide .flex .box>img {
    transition: 0.3s all ease;
    width: 100%;

}
.section3 .cp_swiper .swiper-slide .flex .box>img :hover{ transform: scale(1.1);}
.section3 .cp_swiper .swiper-slide .flex .box .name {
    
    color: #fff;
    font-size: 16px; background: url(../images/img_03.png);
    width: 100%; padding-left: 5%;
    left: 0; height: 0.6rem;
    bottom: 0px;
    position: absolute;
    transition: 0.3s all ease; line-height: 0.5rem;
    opacity: 1;
}
.section3 .title001{ display: none;}
.section3 .more001{ display: none;}
@media screen and (max-width:1024px) {
	.section3{ background: url(../images/wap_bg_02.png);}
	.section3 .flex{ display: block; margin-top: 30px;}
	.section3 .flex .left{ display: none;}
	.section3 .flex .right{ width: 100%; margin-bottom: 50px; padding: 20px;}
	.section3 .title001{margin-bottom: 50px; text-align: center; display: block;}
	.section3 .title001 p{color: #FFFFFF; 
    font-size: 30px;}
    .section3 .flex .right .cp_top{ display: block;}
    .section3 .flex .right .cp_top .t{ display: block; width: 100%;}
    .section3 .flex .right .cp_top .t h4{ width: 100%;}
    .section3 .flex .right .cp_top .swiper_btn img{ width: 30px; height: 30px;}
    .section3 .flex .right .cp_top .swiper_btn{ margin-top: 30px;}
    
    .section3 .more001 { display: block;
    width: 140px; margin: 0 auto;
    height: 38px;
    border: 1px solid #FFFFFF;
    text-align: center;
    line-height: 38px;
    color: #fff;
    font-size: 16px;
    transition: 0.3s all ease;
}

..section3 .more001 img {
    width: 21px;
    height: 21px;
    position: relative;
    top: -2px;
    margin-left: 8px;
}

..section3 .more001:hover {
	background: #fff;
    color: #0077ff;
}
..section3 .more001:hover img {
    content: url(../images/more1.png);
}
	


}




/*首页-关于我们*/
.section4{background: url(../images/bg_03.png) no-repeat;
    background-size: 100% 100%; }

.section4 .title {
    margin-top: 50px;
    margin-bottom: 40px;
}

.section4 .title p {
    font-size: 30px;
    color: #000000;font-weight: bold;
}

.section4 .content .desc {
    width: 48%;
    margin-bottom: 40px;
}

.section4 .content .desc p {
    color: #555;text-indent: 2em;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    line-height: 34px;
}

.section4 .content .more {
    width: 140px;
    height: 38px;
    border: 1px solid #0077FF;
    line-height: 38px;
    text-align: center;
    color: #0077FF;
    font-size: 16px;
    display: block;
    transition: 0.3s all ease;
    margin-bottom: 90px;
}

.section4 .content .more img {
    width: 21px;
    height: 21px;
    position: relative;
    top: -2px;
    margin-left: 8px;
}

.section4 .content .more:hover {
    background: #0077FF;
    color: #fff;
}

.section4 .content .more:hover img {
    content: url(../images/more.png);
}

.section4 .numCount {
    margin-top: 50px;
    width: 54%;
}

.section4 .numCount ul {
    padding-left: 0;
    display: flex;
    justify-content: flex-start;
}

.section4 .numCount p {
    font-size: 16px;
    color: #666666;
    margin-bottom: 20px;
}

.section4 .numCount li {
    text-align: center;
    position: relative;
    width: 23%;
    margin-right: 1.5%;
    background: #FFFFFF;
    padding: 10px 0;
}

.section4 .numCount li:last-child {
    margin-right: 0;
}

.section4 .numCount li .numU {
    line-height: 1.3;
}

.section4 .numCount li .numCX {
    font-size: 44px;
    color: #0077FF;
    font-family: DIN;
}

.section4 .numCount li .numT {
    font-size: 60px;
    color: #0077FF;
    font-family: DIN;
}

.section4 .numCount li .numU .unitC {
    font-size: 100%;
    line-height: 1.3;
    margin-left: 0.3em;
    color: #0077FF;
    position: relative;
    top: 0;
    font-size: 14px;
}

.section4 .numCount li .numU .unitD {
    font-size: 36px;
    color: #151921;
    font-weight: bold;
}

.section4 .numCount li .numU sub {
    vertical-align: baseline;
}

.section4 .numCount li .indc {
    color: #333333;
    font-size: 16px;
    margin-top: 12px;
}

.section4 .numCount li .desc {
    color: #999;
    font-size: 14px;
}

@media screen and (max-width: 1024px) {
	.section4{background-size: cover;}
	.section4 .content .desc{ width: 100%;}
	.section4 .numCount{ width: 100%;}
	.section4 .numCount ul{ justify-content: space-between;}
	.section4 .numCount li .numCX{ font-size: 30px;}
}


.section5{background: url(../images/bg_04.png) no-repeat;
    background-size: 100% 100%; }

.section5 .title{ margin-top: 50px;
    margin-bottom: 40px;}  
.section5 .title p{font-size: 30px;
    color: #000000;font-weight: bold;}  

.section5 .flex {
    position: relative;
}

.section5 .flex .left {
    width: 70%;
    background: url(../images/bg_05.png) no-repeat;
    background-size: 100% 100%;
    height: 60vh;
    display: flex;
    align-items: center;
}

.section5 .flex .left .box {
    width: 350px;
    margin-left: 20%;
}


.section5 .flex .left .box ul {
    border-left: 1px solid rgba(255, 255, 255, 0.6);
    position: relative;
}

.section5 .flex .left .box ul li {
    padding: 16px;
    color: #FFFFFF;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}

.section5 .flex .left .box ul li.active {
    background: #5383E6;
    border-radius: 0px 5px 5px 0px;
}

.section5 .flex .left .box ul li.active::before {
    width: 1px;
    height: 100%;
    background: #fff;
    content: '';
    display: block;
    position: absolute;
    left: -1px;
    top: 0;
}

.section5 .flex .right .content {
    position: absolute;
    right: 10%;
    top: 10vh;
    height: 40vh;
    width: 52%;
    background: rgba(255,255,255,0.8);
    box-shadow: 0px 0px 20px 0px rgba(146, 156, 181, 0.6);
    padding: 50px 60px;
    display: none;
}

.section5 .flex .right .content_on {
    display: block !important;
}

.section5 .flex .right .content .text {
    width: 100%;
}

.section5 .flex .right .content .text .title01 {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.section5 .flex .right .content .text .title01 img {
    margin-right: 20px;
}

.section5 .flex .right .content .text .title01 span {
    color: #333333;
    font-size: 24px;
}

.section5 .flex .right .content .text p {
    color: #666666;
    font-size: 16px;
    line-height: 30px; margin-bottom: 20px;
}

.section5 .flex .right .content .text .line {
    position: absolute;
    bottom: 50px;
    left: 60px;
}
.section5 .flex .right .content .img{ width: 100%;}
.section5 .flex .right .content .img img {
    width: 100%;
}

@media screen and (max-width:1024px) {
	.section5{background: url(../images/wap_bg_05.png) no-repeat;background-size: 100% 100%;}
	.section5 .flex{ position: inherit;}
	.section5 .flex .left{ width: 100%; background: none; height: initial; display: block;}
	.section5 .title p{ color: #fff;}
	.section5 .flex .left .box{ width: 80%; margin-left: 10%;}
	.section5 .flex .right .content{ width: 90%; margin-left: 5%; margin-top: 20px; top:  inherit;position: inherit; right: inherit; height:  inherit; padding: 10px 15px;}
} 

.section6{background: url(../images/bg_06.png) no-repeat;
    background-size: 100% 100%; }

.section6 .title{ margin-top: 100px;
    margin-bottom: 40px;}  
.section6 .title p{font-size: 30px;
    color: #fff;font-weight: bold;}
.section6 .flex { display: flex;overflow-x: auto; flex-wrap: nowrap;
    flex-wrap: nowrap; 
    -webkit-overflow-scrolling: touch; 
    padding-bottom: 15px; } 
    .section6 .flex::-webkit-scrollbar {
    display: none; 
}   
.section6 .flex .flex01{ position: relative; display: flex; justify-content: space-between;min-width: 100%;}
.section6 .flex .flex01 .left{ width: 35%;}
.section6 .flex .flex01 .left .title{ font-size: 24px; font-weight: bold; color: #fff;}
.section6 .flex .flex01 .left .neirong{margin-top: 40px; margin-bottom: 60px;}
.section6 .flex .flex01 .left .neirong p{ color: #fff; font-size: 16px; line-height: 40px;}
.section6 .flex .flex01 .left .more {
    width: 140px;
    height: 38px;
    border: 1px solid #FFFFFF;
    text-align: center;
    line-height: 38px;
    color: #fff;
    font-size: 16px;
    display: block;
    transition: 0.3s all ease;
}

.section6 .flex .flex01 .left .more img {
    width: 21px;
    height: 21px;
    position: relative;
    top: -2px;
    margin-left: 8px;
}

.section6 .flex .flex01 .left .more:hover {
	background: #fff;
    color: #0077ff;
}
.section6 .flex .flex01 .left .more:hover img {
    content: url(../images/more1.png);
}
.section6 .flex .flex01 .right{ width: 60%; overflow: hidden;}
.section6 .flex .flex01 .right img{ width: 100%; transition: 0.3s all ease;}
.section6 .flex .flex01 .right img:hover{transform: scale(1.1);}
.section6 .swiper_btn {
    width: auto;
    display: flex;
    justify-content: flex-end; margin-top: 40px;
}

.section6 .swiper_btn img {
    width: 0.3rem;
    height: 0.3rem;
    cursor: pointer; margin-left: 0.4rem;
}

.section6 .swiper_btn .prev:hover {
    content: url(../images/arrow-curriculum-next_on1.png);
}

.section6 .swiper_btn .next:hover {
    content: url(../images/arrow-curriculum-next_on.png);
}
@media screen and (max-width: 1024px) {
	.section6 .flex{ display: block;}
	.section6 .flex .flex01{display: block;}
	.section6 .flex .flex01:nth-child(2) {display: none;}
	.section6 .flex .flex01 .left{ width: 100%;}
	.section6 .title{margin-top: 30px;}
	.section6 .flex .flex01 .left .more{ margin-bottom: 30px;}
	.section6 .flex .flex01 .right{ width: 100%;}
	.section6 .swiper_btn{ display: none;}
	
}

.section7{background: rgba(246,242,242,0.5);} 

.section7 .title{ margin-top: 100px;
    margin-bottom: 40px; display: flex; justify-content: space-between;}  
.section7 .title p{font-size: 30px;
    color: #333;font-weight: bold;}
    
.section7 .title .more {
    width: 140px;
    height: 38px;
    border: 1px solid #0077FF;
    text-align: center;
    line-height: 38px;
    color: #0077FF;
    font-size: 16px;
    display: block;
    transition: 0.3s all ease;
}

.section7 .title .more img {
    width: 21px;
    height: 21px;
    position: relative;
    top: -2px;
    margin-left: 8px;
}
.section7 .title .more:hover {
	background: #0077ff;
    color: #fff;
}
.section7 .title .more:hover img {
    content: url(../images/more.png);
} 
.section7 .index_new_group {
    margin-top: 50px;
}
.section7 #new_banner {
    position: relative;
}

.section7 .imgBox {
    display: block;
    width: 100%;
    overflow: hidden;
}

.section7 .imgBox img {
    width: 100%;
    display: block;
    transition: 0.5s all ease;
}

.section7 .imgBox:hover img {
    transform: scale(1.2);
}

.section7 #new_banner .box {
    background: #F3EFEF;
    height: 180px;
    padding: 30px;
}

.section7 #new_banner .box .box_t span {
    color: #0077FF;
    font-size: 16px;
    display: inline-block;
}

.section7 #new_banner .box .box_t div {
    color: #666;
    font-size: 16px;
    float: right;
}

.section7 #new_banner .box a {
    margin-top: 20px;
    font-size: 18px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.section7 #new_banner .box a:hover {
    color: #0077FF;
}

.section7 #new_banner .swiper-pagination {
    width: auto;
    right: 30px;
    left: auto;
    bottom: 30px;
}

.section7 #new_banner .swiper-pagination-bullet {
    width: 30px;
    height: 6px;
    border-radius: 0;
    background: #FFFFFF;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.16);
    opacity: 1;
}

.section7 #new_banner .swiper-pagination-bullet-active {
    background: #C6000B;
}
.section7 .index_new {
    background: url(../images/img_15.png) no-repeat;
    background-size: 100% 100%;
    padding: 30px;
    height: 480px;position: relative;top: 0;
}
.section7 .img001{ height: 480px; position: absolute; width: 93%;}
.section7 .img001 img{  height: 480px; width: 100%;}
.section7 .index_new .index_new_top {
    font-size: 16px;
}

.section7 .index_new .index_new_top span {
    color: #fff;
    display: inline-block;
}

.section7 .index_new .index_new_top div {
    float: right;
    color: #fff;
}

.section7 .index_new .title {
    color: #fff;
    font-size: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
}

.section7 .index_new .content {
    color: #fff;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 30px;
    margin-bottom: 80px;
}

.section7 .index_new .more {
    width: 140px;
    height: 38px;
    border: 1px solid #fff;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: block;
    transition: 0.3s all ease;
    margin-bottom: 90px;
}
.section7 .index_new .more img{width: 21px;
    height: 21px;
    position: relative;
    top: -2px;
    margin-left: 8px;}


.section7 .index_new .more:hover {
    background: #0077FF;
    color: #fff;
}

.section7 .index_new .more:hover img {
    content: url(../images/more.png);
}
.section7 .index_new_list ul li {
    overflow: hidden;
    margin-bottom: 30px;
    border-bottom: 1px solid #EEEAEA;
    padding-bottom: 30px;
}
.section7 .index_new_list ul li:last-child {border-bottom: 0px solid #EEEAEA;}
.section7 .index_new_list ul li .imgs {
    float: left;
    width: 40%;
    overflow: hidden;
}

.section7 .index_new_list ul li .imgs img {
    width: 100%;
    transition: 0.5s all ease;
    display: block;
}

.section7 .index_new_list ul li .imgs:hover img {
    transform: scale(1.2);
}

.section7 .index_new_list ul li .content {
    float: right;
    width: 56%;
}

.section7 .index_new_list ul li .content .title {
    display: -webkit-box;
    -webkit-line-clamp: 1; margin-top: 0 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #333;
    font-size: 18px;
    margin-bottom: 14px;
}

.section7 .index_new_list ul li .content .title:hover {
    color: #C6000B;
}

.section7 .index_new_list ul li .content span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #999999;
    line-height: 24px;
    margin-bottom: 6px;
}

.section7 .index_new_group {
    margin-top: 50px;
}

@media screen and (max-width: 1024px) {
	.section7 .index_new{ display: none;}
	.section7 #new_banner{ display: none;}
	.section7 .img001{display: none;}
}



.footer{}
.footer .top{ background: url(../images/bg_07.png) no-repeat; background-size:100% 100% ; height: 207px;}
.footer .top .title{ color: #fff; font-size: 32px; text-align: center; margin-top: 30px;}
.footer .top .input{ width: 700px; height: 60px;background: #fff;
    margin: 40px auto;
    border: 2px solid #fff;
    border-radius: 4px;
    position: relative; display: flex;}
.footer .top .input input{width: 560px;height: 58px; padding-left: 20px;outline: none;border: none;font-size: 16px;color: #303133;}
.footer .top .input button{float: right;
    width: 160px;
    height: 56px;
    background: #06f;
    border-radius: 4px;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    position: relative;}
.foot{ background: linear-gradient( 142deg, #030F2D 0%, #2E3C60 100%); padding: 20px 0;}
.foot .top01{ border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom:20px ;}
.foot .top01 .neirong{ display: flex; justify-content: space-between;}
.foot .top01 img{ width: 94px;}
.foot .top01 ul { display: flex;}
.foot .top01 ul li{}
.foot .top01 ul li a{ color: #fff; font-size: 16px; padding: 0 20px; line-height: 0.6rem;}
.foot .top01 ul li:after{content: '';
	width: 1px;
	height: 15px; position: absolute;
	background-color: rgba(255,255,255,0.8); margin-top:18px;}
.foot .top01 ul li:last-child:after{width: 0px;} 
.foot .zhongjian{display: flex; justify-content: space-between; margin-top: 45px;}
.foot .zhongjian .left{}
.foot .zhongjian .left p{ color: #fff; line-height: 34px; font-size: 16px;}
.foot .zhongjian .right{}
.foot .zhongjian .right ul{ display: flex;}
.foot .zhongjian .right ul li{ width: 100px; text-align: center; margin-left: 20px;}
.foot .zhongjian .right ul li span{ color: #fff; font-size: 16px; line-height: 0.4rem;}
.foot .link{border-bottom: 1px solid rgba(255,255,255,0.2);padding-bottom:20px ;  padding-top: 50px; color: rgba(255,255,255,0.7); font-size: 16px;}
.foot .link a{color: rgba(255,255,255,0.7); font-size: 16px;margin: 0px 20px; }
.foot .link a:after{content: '';
	width: 1px;
	height: 15px; position: absolute;
	background-color: rgba(255,255,255,0.8);margin-left: 20px; margin-top: 5px; }
.foot .link a:last-child:after{width: 0px;}
.foot .bottom{ padding: 20px 0 0 0; text-align: center;}
.foot .bottom p{ color: rgba(255,255,255,0.8); font-size: 16px;}
@media screen and (max-width: 1024px) {
	.foot{ padding: 10px 0;}
	.footer .top{}
	.foot .top01{ padding-bottom: 10px;}
	.footer .top .title{ font-size: 20px;margin-top:50px;}
	.footer .top .input{ width: 100%; margin: 20px auto;}
	.footer .top .input input{width: 70%; }
	.footer .top .input button{ width: 30%;}
	.foot .top01 ul{ display: none;}
	.foot .zhongjian{ display: block; margin-top:20px;}
	.foot .zhongjian .right ul li{ margin-left: 10px; margin-right: 10px; margin-top: 10px;}
	.foot .zhongjian .right ul li span{ line-height: 0.8rem;}
	.foot .link{ padding-top: 10px;}
}

#fp-nav .active {
    border: 1px solid #0077FF;
    border-radius: 50%;
}

.fp-warning,
.fp-watermark {
    display: none;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: #D5D5D5;
    width: 6px;
    height: 6px;
    left: 50%;
    top: 50%;margin: -3px 0 0 -3px;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    border: 1px solid #D5D5D5;
    border-radius: 50%;
}

#fp-nav ul li,
.fp-slidesNav ul li {
    width: 18px;
    height: 18px;
    margin: 18px 6px;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background: #0077FF;
    margin: -3px 0 0 -3px;
}
 .fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow > .fp-overflow{overflow-y:  inherit !important;}
 
 /*关于我们*/
 .page_banner {
    position: relative; text-align: center;
}

.page_banner .content {
    position: absolute;
    left: 0;
    top: 40%;
    width: 100%;
}

.page_banner .content h4 {
    font-size: 44px;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.page_banner .content h4:before{
	content: ''; width: 85px; height: 3px;
	background: url(../images/tiao.png); background-size: 100% 100%; position: absolute; left: 46.5%; bottom: -10px;
}
.page_banner .content p {
    font-size: 20px;
    color: #FFFFFF; text-transform: uppercase;
}

.page_banner img {
    width: 100%;
    display: block;
}

.page_group {
    padding: 70px 0;
}

/*--关于我们-企业简介--*/
.page_gywm_gy {
    padding: 0.7rem 0; 
}

.page_gywm_gy .title {
    text-align: center;
    margin-bottom: 0.3rem;
}

.page_gywm_gy .title h4 {
    font-size: 34px;
    color: #190A0A;
}

.page_gywm_gy .content {
   
}

.page_gywm_gy .content p {
    font-size: 16px;
    color: #555555;text-indent: 2em; margin-bottom: 20px;
    line-height: 38px;
}

.page_gywm_gy .tupian {
    width: 100%;
    margin: 0 auto;
    
}

.page_gywm_gy .tupian img {
    
    width: 100%;
    height: 100%;
    display: block;
}




@media screen and (max-width: 1024px) {
	.page_banner{ margin-top: 0.8rem;}
	.page_banner .content h4 {
        font-size: 24px;
    }

    .page_banner .content p {
        font-size: 16px;
    }

    .page_group {
        padding: 30px 0;
    }
    .page_banner .content h4:before{ left: 38%;}
    .crumbs .neirong .list ul li {
        margin-right: 0.1rem !important;
        margin-left: 0rem !important;
    }

} 
 
/*--关于我们-企业文化--*/

.page_gywm_wh{
	padding: 0.7rem 0;  background: url(../images/img_12.png); background-size: 100% 100%;
}
.page_gywm_wh_fl{ }
.page_gywm_wh_fl_top{display: flex; justify-content: space-between;} 
.page_gywm_wh_fl01{ width: 480px; height: 280px; background: #fff; padding-left: 20px; padding-right: 20px;}
.page_gywm_wh_fl01_img{  height: 122px; width: auto; margin-top: 20px;}
.page_gywm_wh_fl01_title{ margin-left: 43px; font-size: 24px; font-weight: bold; color: #111F2C;}
.page_gywm_wh_fl01_nr{margin-left: 43px; margin-right: 40px; font-size: 18px; color: #666; margin-top: 15px; line-height: 32px;}
.page_gywm_wh_fl02{ width: 260px; height: 280px;}
.page_gywm_wh_fl02 img{width: 260px; height: 280px;}
.page_gywm_wh_fl_bottom{display: flex; justify-content: space-between;}
.page_gywm_wh_fl03{ width: 405px; height: 280px; background: #fff; padding-left: 15px; padding-right: 15px; margin-top: 20px;}
.page_gywm_wh_fl03_img{  height: 122px; width: auto; margin-top: 20px;}
.page_gywm_wh_fl03_title{ margin-left: 33px; font-size: 24px; font-weight: bold; color: #111F2C;}
.page_gywm_wh_fl03_nr{margin-left: 33px; margin-right: 30px; font-size: 18px; color: #666; margin-top: 15px; line-height: 32px;}

.page_gywm_wh_db{ background: #fff; padding: 0.7rem 0;}
.page_gywm_wh_db_01{display: flex; justify-content: space-between;}
.page_gywm_wh_db img{ width: 56%;}
.page_gywm_wh_db .right{ width: 42%; }
.page_gywm_wh_db .right .top{text-transform: uppercase; color: #0568E3; font-size: 36px; margin-top: 10px;}
.page_gywm_wh_db .right .title{ font-size: 54px; color: #333; font-weight: bold;}
.page_gywm_wh_db .right .neirong{ font-size: 16px; color: #333; line-height: 32px;}
.page_gywm_wh_db .right .neirong p{ margin-top: 10px;}


@media screen and (max-width: 1024px) {
	.page_gywm_wh_fl_top{ display: block;}
	.page_gywm_wh_fl01{ width: 100%;}
	.page_gywm_wh_fl02{display: none;}
	.page_gywm_wh_fl_bottom{ display: block;}
	.page_gywm_wh_fl03{ width: 100%;}
	.page_gywm_wh_db_01{ display: block;}
	.page_gywm_wh_db img{ width: 100%;}
	.page_gywm_wh_db .right{ width: 100%;}
	
}

 /*--关于我们-荣誉资质--*/
.page_gywm_gy .curriculum-content {padding: 0.1rem 0 0 0;}
.page_gywm_gy .curriculum-content  ul{display: flex; flex-wrap: wrap; }
.page_gywm_gy .curriculum-content  ul li{  margin-right: 0.20rem;}
.page_gywm_gy .curriculum-content li:nth-child(5n){ margin-right: 0;}
.page_gywm_gy .curriculum-content  .wrap {
	width: 2.5rem; height: auto;
	background: #F9F9FA;	
	overflow: hidden;
	margin-bottom: .2rem;
}
.page_gywm_gy .curriculum-content  .wrap .img {
	height: auto; width: 2.2rem; margin-top: .15rem; margin-left: .15rem;
	margin-bottom: 0.15rem;background: #FAFAFB;
border-radius: 0.1rem;
border: 1px solid #F1F2F5; overflow: hidden;
}
.page_gywm_gy .curriculum-content  .wrap .img img{
	width: 2.2rem; transition: 0.3s all ease;
}
.page_gywm_gy .curriculum-content  .wrap .img img:hover{ transform: scale(1.05);}
.page_gywm_gy .curriculum-content  .wrap .text {
	background-color: #fff; width: 100%; float: left;
	padding: 0.2rem 0;color: #333;
}
.page_gywm_gy .curriculum-content  .wrap .text .title{ margin-bottom: 0; font-size: 16px;}

@media screen and (max-width:1024px) {
	.page_gywm_gy .curriculum-content li:nth-child(2n){ margin-right: 0;}
	.page_gywm_gy .curriculum-content  .wrap { width: 3.3rem;}
	.page_gywm_gy .curriculum-content  .wrap .img{ width: 3.0rem;}
	.page_gywm_gy .curriculum-content  .wrap .img img{width: 3.0rem;}
}



/*面包屑*/
.crumbs{ height: 0.90rem; line-height: 0.90rem;border-bottom: 1px solid #EDECEC; }
.crumbs p{color: #333;
    font-size: 0.28rem;
    font-weight: bold;
}
.crumbs .more{ display: flex; color: #999;}
.crumbs i{ width: 23px ; height: 20px; margin-top: 0.35rem; margin-right: 0.1rem; background: url(../images/ico_02.png); background-size: 100% 100%;}   
.crumbs a{color: #999;
    margin-left: 2px; font-size: 16px; padding-left: 0.1rem; padding-right: 0.1rem; }    

.crumbs span{color: #999;
    margin-left: 2px; font-size: 16px;  }
.crumbs .title{ display: flex; color: #333; font-size: 24px; font-weight: bold;}

.crumbs .neirong{display: flex;justify-content: space-between;}    
.crumbs .neirong .list{ display: flex;}
.crumbs .neirong .list ul{display: flex; }
 .crumbs .neirong .list ul li { margin-left: 0.8rem;}         
.crumbs .neirong .list ul li a{ font-size: 16px; color: #190A0A; position: relative; }
.crumbs .neirong .list ul li a.on1,
.crumbs .neirong .list ul li a:hover{
	color: #0568E3;
}
.crumbs .neirong .list ul li a:after {
	content: '';
	width: 0rem;
	height: 2px;
	background-color: #0568E3;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -.35rem;
	transition: .5s
}
.crumbs .neirong .list ul li a.on1:after,
.crumbs .neirong .list ul li a:hover:after {
	width: .64rem
}

 /*翻页*/
.layer-page {
	margin-top: .6rem; 
	text-align: center
}
.layui-laypage{ padding: 0.1rem 0;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
	background-color: #E61F20 !important;
}
/*.layer-page .layui-box a.layui-laypage-next {
	position: relative;
	font-family: Serif;
	font-weight: 700;
	font-size: 0;
	width: .35rem
}*/

@media screen and (max-width:1024px) {
	.layui-laypage{ display: flex;justify-content: space-between;}
	.layer-page .layui-box a.layui-laypage-next {
		width: 1.2rem
	}
	.crumbs i{margin-top: 0.20rem; }
}
.layer-page .layui-box a.layui-laypage-next:before {
	color: #999;
	font-size: .12rem
}

@media screen and (max-width:1024px) {
	.layer-page .layui-box a.layui-laypage-next:before {
		font-size: .28rem
	}
}

.layer-page .layui-box a {
	color: #999
}

.layer-page .layui-box a,
.layer-page .layui-box span {
	/*width: .32rem;
	height: .35rem;*/
	border-radius: .05rem;
	background: #fff;
	/*line-height: .32rem;*/
	font-size: .16rem;
	padding: 0.1rem 0.15rem; border: 1px solid #dddddd;
	margin: 0 .05rem
}
@media screen and (max-width:1024px) {
	.layer-page .layui-box a.layui-laypage-prev {
		width: 1.2rem
	}
}
@media screen and (max-width:1024px) {

	.layer-page .layui-box a,
	.layer-page .layui-box span {
		width: .5rem;
		height: .5rem;
		line-height: .5rem;
		font-size: .28rem;padding: 0.05rem 0.1rem;
	}
}

.layer-page .layui-box span {
	background-color: #fff;
	color: #fff !important
}

.layer-page .layui-box span.layui-laypage-curr {
	background-color: #0568E3 !important;
	/*color: #fff !important;*/
	font-weight: 400;
	border: 0
}

.layer-page .layui-box span.layui-laypage-curr .layui-laypage-em {
	background-color: #0568E3!important
}

.layer-page .layui-box a:hover {
	color: #fff !important;
	background-color: #0568E3!important
}



/*产品中心*/
.pro_bj{ background: url(../images/bg_08.png) no-repeat;  margin: 60px 0;min-height: 1000px;}
.spare{ display: flex; justify-content: space-between;}
.spare .contact01{ display: flex; justify-content: space-between; /*position: relative;*/}
.spare .left{ width: 2.8rem;  margin-top: 60px; /*position: absolute;*/ }
.spare .left .top{ width: 2.8rem; height:80px; background: url(../images/spare_01.png) right no-repeat;  line-height:80px; font-weight: bold; background-size:30%;font-size: 26px; color: #fff; }
.spare .left .list{ background: #F9FAFA; }
.spare .left .list ul{}
.spare .left .list ul li{position: relative; border-bottom: rgba(219,215,215,0.6) 1px solid;padding-left: 0.2rem;}
.spare .left .list ul li a{ height: 54px; width: 100%; line-height: 54px;  font-size: 16px; color: #424141;}
.spare .left .list ul li:hover,
.spare .left .list ul li.on
{border-bottom: rgba(219,215,215,0.6) 1px solid;}
.spare .left .list ul li:after{ width: 0;}
.spare .left .list ul li:hover:after,
.spare .left .list ul li.on:after
{ content: ''; background: url(../images/ico_04.png) no-repeat; width: 16px; height: 16px; background-size: 100%; position: absolute; right: 30px; top: 20px;}
.spare .right{ width: 980px; /* position: relative; left: 2.9rem;*/ }
.spare .right .top{height: 80px; line-height: 80px;border-bottom: 1px solid #E2E1E1;}

.spare .right .top .more{ display: flex; color: #999;}
.spare .right .top i{ width: 8px ; height: 8px; border-radius: 50%; border: 2px solid #999999; margin-top: 0.35rem; margin-right: 0.1rem;}   
.spare .right .top a{color: #999;margin-left: 2px; font-size: 16px; padding-right: 0.1rem; padding-left: 0.1rem;}    

.spare .right .top span{color: #999; margin-left: 2px; font-size: 16px;  }
.spare .right .top .neirong{display: flex;justify-content: space-between;}    
.spare .right .top .neirong .title { margin-right: 0.8rem;font-size: 16px; color: #190A0A; position: relative; }         
.spare .right .top .neirong .title:after {
	content: '';
	width: 1.1rem;
	height: 2px;
	background-color: #E61F20;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: .5s
}
.spare .right .list ul{ display: flex; flex-wrap: wrap;}
.spare .right .list ul li{width: 3.40rem; height: auto; margin-top: 30px; margin-right: 0.25rem; }
.spare .right .list ul li:nth-child(3n){margin-right: 0; }
.spare .right .list ul li a p{text-align: center;  font-size: 18px; color: #424141; line-height: 30px;}
.spare .right .list ul li a img{width: 3.40rem; margin-bottom: 20px;  padding: 15px;border: 1px solid #E7E7E7; }
.spare .right .list ul li:hover{}



.product-xiqn{ width: 980px; float: right;}
.product-xiqn ul{ display: flex;flex-wrap: wrap;}
.product-xiqn ul li{ width: 31.3333%; height: auto; overflow: hidden; float: left; position: relative; margin-left: 2%; margin-bottom: 20px;}
.popular-one1{ width: 100%; height: auto;}
.popular-img1{ width: 100%; height: auto; }
.popular-img1 img{ width: 100%;padding: 15px;border: 1px solid #E7E7E7;}
.popular-one1 p{ line-height: 76px; font-size: 18px;color: #333; text-align: center;}
.popular-two1{ width: 100%; height: 100%; background: rgba(0,0,0,0.3);display: none; text-align: center; position: absolute; top: 100%; transition: 0.3s;}
.popular-two1 img{ margin-top: 122px;}
.product-xiqn ul li:hover .popular-two1{ display: block; top: 0; transition: 0.3s; border-bottom: 6px solid #0568E3;}

.popular-two1 a{ display: block; height: 100%;}




@media screen and (max-width:1024px) {
	.spare .contact01{ display: block;}
	.spare .right{ width: 100%; left: 0;}
	.spare .right .top .more{display: none;}
	.spare .right .top .neirong .title{ margin-right: 0.4rem;}
	.spare .left{width: 98%; max-height: inherit; }
	
	.product-xiqn{ width: 100%;}
	.product-xiqn ul li{ width: 48%; height: 190px;}
	.popular-two1{display: none;}
	.pro_bj{ background: no-repeat; margin: 20px 0;}
}


/* 手机端样式 */
@media (max-width: 1024px) {
    .spare .left {
        position: relative;
        padding-top: 40px; /* 给按钮留出空间 */ margin-top: 0;
    }
    
   .spare .mobile-toggle {
        position: absolute;
        right: 15px;
        top: 65px;
        width: 30px;
        height: 30px;
        cursor: pointer;
        display: block !important;
    }
    
   .spare .mobile-toggle .bar {
        display: block;
        width: 100%;
        height: 2px;
        background: #666;
        margin: 6px 0;
        transition: 0.3s;
    }
    
    .spare .left .list {
        max-height: 0;
        overflow: hidden;
        transition: 0.3s;
    }
    
   .spare .left.active .list {
        max-height: 500px; /* 根据实际内容调整 */
    }
    
    /* 点击动画 */
   .spare .left.active .mobile-toggle .bar:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }
    .spare .left.active .mobile-toggle .bar:nth-child(2) {
        opacity: 0;
    }
    .spare .left.active .mobile-toggle .bar:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px);
    }
}
.aboutus-nr{ padding: 70px 0}
.aboutus-nr01{padding: 10px 0 50px 0 !important;}
.aboutus-wz{ width: 100%; margin-top: 40px;}
.aboutus-wz p{ font-size: 16px; color: #666; text-align: justify; line-height: 29px;}
.oduct-fl{ float: left; width: 500px; height: auto; background: #f6f6f6; display: flex; justify-content: center; }
.oduct-fl img{ width: 100%;}
.oduct-fr{ float: right; width: 730px; position: relative; height: 315px;}
.oduct-fr h3{ font-size: 30px; color: #333; font-weight: 400; padding: 10px 0; margin-top: 0;}
.oduct-fr p{ font-size: 16px; color: #666; line-height: 36px; text-align: justify;}
.oduct-fr a{ position: absolute;  bottom: 0; display: block; width: 120px;height: 44px;background: #0568E3;border-radius: 4px; font-size: 16px; text-align: center; line-height: 44px; color: #fff;}
.lk_65{ overflow: hidden;}
.oduct-tab{ overflow: hidden;}
.lk_011 { width: 100%; margin-top: 50px; margin: 0 auto; margin-top: 50px;}
.lk_011 ul { overflow: auto; display: inline-block; margin: 0 auto; border-bottom: 1px solid #E9E9E9; width: 100%; overflow: inherit;}
.lk_011 ul li { width: auto; height: 55px; line-height: 55px; cursor: pointer; float: left; margin-right: 60px;}
.lk_011 ul li a { color: #666; font-size: 18px; line-height: 55px; display: block; width: 100%; box-sizing: border-box;}
.lk_011 ul li a:focus{ color: #0568E3; border-bottom: 2px solid #0568E3;}
.lk_011 ul li a:hover, .lk_011 ul .active a{ color: #0568E3; border-bottom: 2px solid #0568E3;}

.oduct-qh{ width: 100%;}
.oduct-qh h3{ font-size: 20px; color: #333; margin-bottom: 20px; padding-top: 30px; font-weight: bold;}
.oduct-qh span{ font-size: 16px; color: #E2E2E2; text-transform: uppercase; margin-left: 10px;}
.oduct-qh p{ font-size: 16px; color: #666; line-height: 32px; margin-bottom: 10px;}

.oduct-two{ width: 100%; }
.oduct-two img{ width: 100%;}
.oduct-two h3{ font-size: 20px; color: #333; margin-bottom: 20px; padding-top: 30px; font-weight: bold;}
.oduct-two span{ font-size: 16px; color: #E2E2E2; text-transform: uppercase; margin-left: 10px;}
.oduct-two p{ font-size: 16px; color: #666; line-height: 32px; text-align: justify;}

.oduct-big{ width: 100%; }
.oduct-big h3{ font-size: 20px; color: #333; margin-bottom: 20px; padding-top: 30px;}
.oduct-big span{ font-size: 16px; color: #E2E2E2;  margin-left: 10px;}
.oduct-big table{ width: 100%; border: 0px solid #EEF0F5;}
.oduct-big td{ font-size: 16px; padding: 4px 8px; color: #666;}

.oduct-big tr td:nth-child(1){ width: 10%!important;}
.oduct-big tr td:nth-child(2){ width: 90%!important;} 

.oduct-zuh{ width: 100%;}
.oduct-zuh h3{font-size: 20px;color: #333;margin-bottom: 20px;padding-top: 30px;font-weight: bold;} 


.case_list{ padding: 0.5rem 0;}
.case_list ul{display: flex;flex-wrap: wrap;}
.case_list ul li{width: 4.5rem;height: 4.8rem;background: #fff;color: #888; margin-right: 0.25rem;/* box-shadow: 0 1px 9px 1px rgba(0, 0, 0, .1); */border: 1px solid #EDECEC;overflow: hidden;margin-bottom: 0.25rem;padding: 0.3rem;}
.case_list ul li:nth-child(3n){ margin-right: 0;}
.case_list ul li .img{ overflow: hidden; display: block; width: 100%;}
.case_list ul li .img img{ width: 100%; transition: 0.5s all ease; display: block;}
.case_list ul li .img img:hover{ transform: scale(1.1);}
.case_list ul li .text{padding: 0.25rem 0;}
.case_list ul li .text .title{line-height: 0.34rem !important; font-weight:bold ;
    font-size: .2rem !important; text-align: left !important;
    color: #190A0a;
    
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.case_list ul li .text .desc{margin-top: 0.2rem;
    font-size: .16rem !important;
    line-height: .3rem !important;
    color: #424141;
    font-weight: 400 !important;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}    

 .gular-1{ width: 100%; margin-top: 60px;}
.gular-2{ width: 100%;text-align: center;}
.gular-2 span{ font-size: 28px; color: #333; line-height: 32px; padding: 0 14px; display: block; width: 150px; float: left;}
.gular-2 h3{ font-size: 32px; color: #E2E2E2; line-height: 32px; font-weight: 400; height: 32px; display: flex;}
.gular-2 em{ font-style: normal; font-size: 32px; color: #E2E2E2; line-height: 32px; font-weight: 400; float: left; width: 565px; display: block; overflow: hidden;}

.gular-2 p{ font-size: 32px; font-family: myFont; color: #E2E2E2; text-transform: uppercase; font-style: normal;}
.product1-xiqn{ width: 100%; margin-top: 40px;}
.product1-xiqn ul{ margin-left: -2%;}
.product1-xiqn ul li{ width: 23%; height: auto; overflow: hidden; float: left; position: relative; margin-left: 2%;}
.popular1-one1{ width: 100%; height: 260px;}
.popular1-img1{ width: 100%;}
.popular1-img1 img{ width: 100%;}
.popular1-one1 p{ line-height: 76px; font-size: 18px;color: #333; text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.popular1-two1{ width: 100%; height: 260px; background: rgba(0,0,0,0.3);display: none; text-align: center; position: absolute; top: 100%; transition: 0.3s;}
.popular1-two1 img{ margin-top: 100px;}
.product1-xiqn ul li:hover .popular1-two1{ display: block; top: 0; transition: 0.3s; border-bottom: 6px solid #F66913;}

.oduct-big p{ font-size: 16px; color: #666; line-height: 32px;}   
@media screen and (max-width:1024px) {
	.case .title h4{}
	.case .title h3{ left: 24%;}
	.case_list ul li{width: 2.9rem; padding: 0.2rem; margin-right: 0.2rem;}
	.case_list ul li:nth-child(2n){ margin-right: 0;}
	.case_list ul li:nth-child(3n){ margin-right: auto;}
	.oduct-fl{ width: 100%;}
	.oduct-fr{ width: 100%; height: auto;}
	.oduct-fr a{ margin-top: 15px;}
	.lk_011 ul li{ margin-right: 40px;}
	.product1-xiqn ul li{ width: 48%;}
	.popular-one1{ height: auto;}
	.gular-2 span{ font-size: 18px; padding: 0;}
	 }
	 
.case_xq{ margin-top: 5px; }
.case_xq .title{ font-size: 28px; font-weight: bold; color: #333; margin-bottom: 20px; }
.case_xq .time{width: 100%; text-align: center; font-size: 16px; color: #999; padding:  0rem 0 0.2rem 0;}
.case_xq .time span{ margin-left: 10px; margin-right: 10px;}
.case_xq p{ color: #666; font-size: 16px; line-height: 40px;}
.case_xq .img{ width: 100%; margin-top: 20px; display: flex; justify-content: space-between;}
.case_xq .img img{ width: 49% !important;}
.case_xq .title_01{ color: #0568E3; margin-top: 20px;}

.aboutus-nr01 .more01{display: flex;border-top: 1px solid #EEF0F5;
    justify-content: space-between;
    align-items: center;padding-top: 0.3rem; margin-top: 0.3rem;}
.aboutus-nr01 .more01 .desc{ width: 100%;}
.aboutus-nr01 .more01 .desc p{color: #424141; display: flex; justify-content: space-between;
    font-size: 16px;
    margin-bottom: 0.1rem; }
.aboutus-nr01 .more01 .desc p a{color: #424141;font-size: 16px;}
.aboutus-nr01 .more01 .desc p a i{ margin-right: 30px;}
.aboutus-nr01 .more01 .desc p a i:last-child{ margin-left: 30px;}

@media screen and (max-width:1024px) {
	.aboutus-nr01 .more01 .desc{ width: 70%;}
}



/*新闻中心*/
.page_new{ margin-bottom: 30px;}
.page_new ul{ margin-top: 0.7rem;}
.page_new ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #E1E1E1;
    padding-bottom: 30px;
    margin-bottom: 30px;
    
}

.page_new ul li .content {
    flex: 1;
}

.page_new ul li .content .t {
    display: block;
    font-size: 0.22rem;
    color: #190A0A;
    margin-bottom: 18px;
    margin-top: 10px;
}

.page_new ul li .content p {
    font-size: 16px;
    color: #424141;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.page_new ul li .content .time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.page_new ul li .content .time span {
    font-size: 16px;
    color: #999;
}

.page_new ul li .content .time .more {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #999;
}
.page_new ul li .content:hover .time .more { color: #0077FF;}
.page_new ul li .content .time .more i {
    width: 29px;
    height: 6px;
    margin-left: 8px;
    background: url(../images/more_new.png); background-size: 100% ;
}
.page_new ul li .content:hover .time .more i {
    background: url(../images/more_new_on.png); background-size: 100% ;
}
.page_new ul li .img {
    width: 2.8rem;
    display: block;
    overflow: hidden;
    margin-left: 0.8rem;
}

.page_new ul li .img img {
    width: 100%;
    display: block;
    transition: 0.3s all ease;
}

.page_new ul li .img:hover img {
    transform: scale(1.1);
}

.case {padding: 0.7rem 0 0.2rem 0; background: #fff;}
.case .title {text-align: center;margin-bottom: 0.3rem; position: relative;}
.case .title h4 {font-size: 0.34rem;color: #190A0A;z-index: 111;position: relative;}
.case .title h3{ font-size: 1.32rem; color: #EDEDED;  font-weight: bold; position: absolute;top: -0.7rem; left: 37%;text-transform: uppercase;}
.case img{ width: 100%; padding: 20px 0;}  
.ryzz img{width: 50% !important; margin-left: 25%;}
.case .more01{display: flex;border-top: 1px dashed #D6D6D6;
    justify-content: space-between;
    align-items: center;padding-top: 0.3rem; margin-top: 0.3rem;}
.case .more01 .desc{ width: 80%;}
.case .more01 .desc p{color: #424141;
    font-size: 16px;
    margin-bottom: 0.1rem; display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.case .more01 .desc p a{color: #424141;font-size: 16px;}
.case .more01 .desc p a:hover{ color: #0568E3;}
.case .more01 .btns{display: flex; border: 1px solid #0077FF;padding: 10px;
    align-items: center;
    font-size: 16px;
    color: #0568E3;}
.case .more01 .btns img{width: 0.25rem;
    height: 0.25rem;
    margin-right: 10px; padding: 0 !important;}
@media screen and (max-width:1024px) {
	.case .more01 .desc{ width: 70%;}
	.case .more01 .btns{ padding:8px;}
}



@media screen and (max-width:1024px) {
.page_new ul li {
        flex-wrap: wrap;
    }

    .page_new ul li .content .t {
        margin-top: 0;
        font-size: 18px;
    }

    .page_new ul li .content .time {
        margin-bottom: 20px;
    }

    .page_new ul li .img {
        margin-left: 0;
        width: 100%;
    }	
}


/*招聘*/
.join_us {background: url(../images/join_bg.png) no-repeat;}
.join_us .title {text-align: center;margin-bottom: 0.3rem; position: relative; margin-top: 0.8rem;}
.join_us .title h4 {font-size: 0.34rem;color: #190A0A;z-index: 111;position: relative; font-weight: bold;}
.join_us .one{margin-top: 0.6rem; margin-bottom: 0.7rem;}
.join_us .one p{ color: #424141; font-size: 16px; line-height: 30px; text-align: center;}
.join_us .one img{ width: 100%; margin-top: 0.4rem;}
.join_us .title h5 {font-size: 0.34rem;color: #190A0A;margin-top: 1.2rem; font-weight: bold;}
.page_join_list ul{ margin-top: 0.7rem;border-bottom: 1px solid #DED7D7;}
.page_join_list ul li {
    margin-bottom: 0px;
}

.page_join_list ul li .top {
    /*border: 1px solid #EFEDED;*/
    padding: 20px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    cursor: pointer;
}
.page_join_list ul li  .top .name {
    color: #190A0A;
    font-size: 18px;
    width: 30%;
}
.page_join_list ul li.active  .top .name {
    color: #333333;
    font-size: 18px;
    width: 30%;
}

.page_join_list ul li .top .t {
    color: #190A0A;
    font-size: 18px;
    width: 20%;
}
.page_join_list ul li.active .top .t {
    color: #333333;
    font-size: 18px;
    width: 20%;
}

.page_join_list ul li .top img {
    width: 34px;
    height: 34px;
}

.page_join_list ul li .bottom {
    display: none;
    padding: 50px;
    transition: 0.3s all ease;
}

.page_join_list ul li .bottom .content {
    margin-bottom: 30px;
}

.page_join_list ul li .bottom .content:last-child {
    margin-bottom: 0;
}

.page_join_list ul li .bottom .content h4 {
    font-size: 20px;font-weight: bold;
    color: #000;
    margin-bottom: 18px;
}

.page_join_list ul li .bottom .content p {
    font-size: 16px;
    margin-bottom: 10px;
    color: #333;
}

.page_join_list ul li .top {
    background: #fff;
    border-top: 1px solid #DED7D7;
}
.page_join_list ul li.active .top {
	background: #F0F0F0;
    border-top: 1px solid #DED7D7;
}
.page_join_list ul li.active .top img {
    content: url(../images/more3.png);
}

.page_join_list ul li.active .bottom {
    display: block;
}

.page_join_list ul li .bottom {
    display: none;
}

.page_join_button{ background: url(../images/join_02.png); background-size: 100% 100%; padding: 50px 60px; margin-bottom: 40px; margin-top: 40px;}
.page_join_button h7{  color: #fff; font-size: 32px;}
.page_join_button p{ color: #fff; line-height: 40px; font-size: 17px; }

@media screen and (max-width:1024px) {
	.join_us .title h3{ left: 12%;}
	.page_join_list ul li .top {padding: 15px;}
	.page_join_list ul li .bottom {padding: 15px;}
	.join_us .title h6{ left: 4%;}
	.join_us .title{ margin-top: 0.2rem;}
	.page_join_button{ background: url(../images/wap_join_02.png); background-size: 100% 100%; padding: 20px 20px 160px 20px;}
	.page_join_button p{line-height: 30px; font-size: 16px;}
}
 /*--联系我们--*/
.contact {padding: 0 0 0.2rem 0; background: #fff;}
.contact .title {text-align: center;margin-bottom: 0.5rem; position: relative;}
.contact .title h4 {font-size: 34px;color: #190A0A;z-index: 111;font-weight: bold;}
.contact .one{ background: rgba(151,151,151,0.1); padding: 0.5rem; margin-top: 0.7rem; display: flex;justify-content: space-between; margin-bottom: 0.8rem;}
.contact .one .left{  width:5.5rem ; }
.contact .one .left .title{ color: #190A0A; font-size: 0.3rem;font-weight: 500; text-align: left;}
.contact .one .left .title h2{ color: #999;line-height: 30px; margin-top: 0.2rem; font-size: 18px; color: #0568E3;}
.contact .one .left ul{ margin-top: 0.2rem;}
.contact .one .left  ul li{ margin-bottom: 0.4rem;}
.contact .one .left  ul li .top{ display: flex; }
.contact .one .left  ul li .top i{ width: 26px; height: 26px; margin-right: 10px;}
.contact .one .left  ul li .top i img{width: 26px; height: 26px;}
.contact .one .left  ul li .top span{ font-size:18px; color: #190A0A; line-height: 30px; font-weight: bold;}
.contact .one .left  ul li .bottom{margin-left: 36px; display: flex;}
.contact .one .left  ul li .bottom p{ color: #190A0A; font-size: 16px;}
.contact .one .right{ width: 7.2rem; }
.contact .one .right img{ width: 100%;}
.contact .title h3.message{ left: 26%;}
.contact .two{}
.contact .two form{margin-top: 0.8rem; display: flex; flex-wrap: wrap;}
.contact .two form .top{ margin-right: 0.35rem;margin-bottom: 0.4rem; }
.contact .two form .top:nth-child(2){ margin-right: 0;}
.contact .two form .top:nth-child(3){ margin-right: 0;}
.contact .two form .top p{ color: #190A0A; font-size: 18px; margin-bottom: 0.2rem;}
.contact .two form .top input{width: 6.4rem; height: 0.6rem;border: 1px solid #E1E1E1; padding: 0 0.2rem; line-height: 0.6rem;}
.contact .two form .top textarea{ width: 13.5rem; height: 1.8rem; border: 1px solid #E1E1E1; padding: 0 0.2rem; line-height: 0.6rem;}
.contact .two form button{ width: 3.9rem; height: 0.6rem; text-align: center; background: #0568E3;border-width:0; color: #fff; font-size: 18px; margin: 0 auto;}



@media screen and (max-width:1024px) {
	.contact .title h3{ left: 5%;font-size:1.0rem; top: -0.6rem;}
	.contact .one{ display: block; padding: 0.3rem;}
	.contact .one .left{width:100% ; height: auto;}
	.contact .one .right{ width: 100%; height: auto;}
	.contact .one .left  ul li .bottom .img img{ width: 2.2rem; height: 2.2rem; margin-top: 0.1rem;}
	.contact .two form .top textarea{width: 6.4rem; }
	.contact .title h3.message{ left: 15%;}
}



.curriculum-content01 .content {
	position: relative; padding: 0.5rem 0;
	
}
.curriculum-content01 .content ul{
	display: flex;
    flex-wrap: wrap;
}
.curriculum-content01 .content ul li{
	width: 4.5rem;
   /* height: 4.0rem;*/
    color: #888;margin-bottom: 0.25rem;margin-right: 0.25rem;
}
.curriculum-content01 .content ul li:nth-child(3n){ margin-right: 0;}
 .curriculum-content01 .content .img{width: 100%;
    display: block;
    overflow: hidden;}
.curriculum-content01 .content .img img{width: 100%;
    
    object-fit: cover;
    display: block;
    transition: 0.3s all ease;}
.curriculum-content01 .content .img img:hover {
    transform: scale(1.1);
}
.curriculum-content01 .content .text .title {
	font-size: 20px; color: #222222; margin-top: 0.25rem;
}

.curriculum-content01 .content a:hover .text .title {
	 color: #0077FF;
}
.curriculum-content01 .content .arrow-curriculum {
	width: .3rem ;
	height: .3rem;
	position: absolute;
	/*top: 50%;
	margin-top: -.25rem;*/
	z-index: 10;
	cursor: pointer;top: -150px;
}

.curriculum-content01 .content .arrow-curriculum-prev {
	right: 3.7rem;
	background: url(../images/arrow-curriculum-prev.png);
	background-size: 100% auto
}
.curriculum-content01 .content .arrow-curriculum-prev:hover {
	right: 3.7rem;
	background: url(../images/arrow-curriculum-next_on1.png);
	background-size: 100% auto
}


.curriculum-content01 .content .arrow-curriculum-next {
	right:3rem;
	background: url(../images/arrow-curriculum-next.png);
	background-size: 100% auto;
}
.curriculum-content01 .content .arrow-curriculum-next:hover {
	right:3rem;
	background: url(../images/arrow-curriculum-next_on.png);
	background-size: 100% auto;
}
@media screen and (max-width:1024px) {
	.curriculum-content01 .content .arrow-curriculum{
		width: .5rem;
	height: .5rem; top:-2rem;
	}
	.public-home-biaoqian ul li a{ margin-right: 0.4rem;font-size: 0.28rem; }
	.public-home-biaoqian ul li a:hover:after, .public-home-biaoqian ul li a.on:after{ width: 1.2rem;}
	.curriculum-content01 .content .arrow-curriculum-prev {
		right: 1.4rem; background: url(../images/arrow-curriculum-prev.png);background-size: 100% auto
	}
	.curriculum-content01 .content .arrow-curriculum-prev:hover {
	right: 1.4rem;
	background: url(../images/arrow-curriculum-next_on1.png);
	background-size: 100% auto
}
.curriculum-content01 .content .img{ width: 95%;}
.curriculum-content .content .arrow-curriculum-next {right:0.4rem;
	background: url(../images/arrow-curriculum-next.png);
	background-size: 100% auto}
.curriculum-content01 .content .arrow-curriculum-next:hover {
	right:0.4rem;
	background: url(../images/arrow-curriculum-next_on.png);
	background-size: 100% auto;
}
}

.content_xq{}
.content_xq p{ color: #666 !important;
    font-size: 16px !important;
    line-height: 40px !important;}



    @media screen and (max-width:1024px) {
        .crumbs .title{
            font-size: 16px;
        }
        .crumbs span{
            font-size: 14px;
        }
        .crumbs a{
            font-size: 14px;
        }
        .curriculum-content01 .content ul li{
            width: 3.3rem;
        height: auto;
        }
        .crumbs .neirong .list ul li:first-child{
            margin-left: 0;
        }
        .crumbs .neirong .list ul li{
            margin-left: 0.1rem;
        }
        .crumbs .neirong .list ul li a{
            font-size: 14px;
        }
         .curriculum-content01 .content ul li:nth-child(odd){
                margin-right: 0.25rem;
        }
        .curriculum-content01 .content ul li:nth-child(even){
            margin-right: 0;
        }
        .page_join_list ul li .top .name{
            font-size: 16px;
        }
        .page_join_list ul li .top .t{
            font-size: 12px;
        }
    }